<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人中心</title>
		<link rel="icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body class="bg_fa">
		<header class="mui-bar mui-bar-nav" id="my">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left color_ff"></a>
			<h1 class="mui-title color_ff">个人中心</h1>
		</header>
		<div class="mui-content bg_fa">
			<div class="my-top">
				<div class="my-userInfor">
					<p>
						<img class="my_head" src="img/my-top.png" /> <span class="color_ff font_15">用户昵称</span>
						<a href="javascript:void(0);" class="right mg_top10"><img width="10" height="18" src="img/ic_more_msg.png" /></a>
					</p>
					<p class="font_13 color_ff clearfix mg_top10">
						<span class="left">验证手机号, 同步全渠道订单</span>
						<a href="javascript:void(0);" class="basic_a1 right">登录</a>
					</p>
				</div>
				<div class="relative clearfix mg_top20">
					<div class="left width50 text-center">
						<h4 class="font_17 color_ff">￥666.00</h4>
						<p class="font_13 color_ff">余额</p>
					</div>
					<div class="left width50 text-center">
						<h4 class="font_17 color_ff">3</h4>
						<p class="font_13 color_ff">话费券</p>
					</div>
					<i class="absolute shu"></i>
				</div>
			</div>
			<div class="padding_12">
				<div class="padding_10 clearfix">
					<span class="font_15 color_3 left">我的订单</span>
					<a href="javascript:void(0);" class="right mui-h6 color_99">查看全部订单</a>
				</div>
				<ul class="clearfix my-order mg_top10">
					<li>
						<a href="javascript:void(0);">
							<img src="img/icon_dfk.png"/>
							<h6 class="color_3 mg_top10">待付款</h6>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<img src="img/icon_dfh.png"/>
							<h6 class="color_3 mg_top10">待发货</h6>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<img style="width: 28px;" src="img/icon_dsh.png"/>
							<h6 class="color_3 mg_top10">待收货</h6>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<img src="img/icon_dpj.png"/>
							<h6 class="color_3 mg_top10">待评价</h6>
						</a>
					</li>
					<li>
						<a href="javascript:void(0);">
							<img src="img/ic_tk.png"/>
							<h6 class="color_3 mg_top10">退款</h6>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view mg_top10 my-list">
				        <li class="mui-table-view-cell">
				            <a class="mui-navigate-right">
				               <img src="img/ic_scj.png"/>收藏夹
				            </a>
				        </li>
				        <li class="mui-table-view-cell">
				            <a class="mui-navigate-right" href="my-banckcard.html">
				                 <img src="img/ic_yhk.png"/>银行卡
				            </a>
				        </li>
				        <li class="mui-table-view-cell">
				            <a class="mui-navigate-right">
				                 <img src="img/jx.png"/>卡券商城
				            </a>
				        </li>
				        <li class="mui-table-view-cell">
				            <a class="mui-navigate-right">
				                 <img src="img/ic_myteam.png"/>我的团队
				            </a>
				        </li>
				        <li class="mui-table-view-cell">
				            <a class="mui-navigate-right">
				                 <img src="img/ic_lxkf.png"/>联系客服
				            </a>
				        </li>
				    </ul>
				    <div class="width90 mg_top40 mgat">
			    	<a href="javascript:;" class="big_btn">退出登录</a>
			    </div>
			</div>
		</div>
	</body>

</html>